page {
    height: 100%; //不写这个，calc不起作用
    overflow: hidden; //内部滚动，必须写这个
}

.sidebar {
    width: 196rpx;
    background: #F8FFFE;
    overflow: scroll;
}

.tips {
    text-align: center;
    width: 196rpx;
    height: 108rpx;
    background: #F8FFFE !important;

    .van-sidebar-item__text {
        font-size: 28rpx;
        font-weight: 400;
        color: #666666;
    }
}

.van-sidebar-item--selected {
    background-color: #FFFFFF !important;
    border: none !important;

    .van-sidebar-item__text {
        font-size: 32rpx !important;
        font-weight: 500 !important;
        color: #0CB3B1 !important;

        &::after {
            position: absolute;
            bottom: -14rpx;
            left: 50%;
            transform: translateX(-50%);
            content: '';
            width: 46rpx;
            height: 6rpx;
            border-radius: 4rpx;
            background: #0CB3B1;
        }
    }
}

.project {
    overflow: scroll;
}

// 项目库卡片
.projectBox {
    width: 554rpx;
    height: 152rpx;
    background: #FFFFFF;
    border-bottom: 2rpx solid #E6E6E6;
    padding: 28rpx 32rpx 26rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;

    .star {
        width: 36rpx;
        height: 36rpx;
        background: #D8D8D8;
    }

    .info {
        display: flex;
        justify-content: space-between;
        flex: 1;
        margin-left: 30rpx;
    }
}

.middle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    .name {
        width: 262rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
        line-height: 40rpx;
    }

    .time {
        width: 304rpx;
        font-size: 24rpx;
        font-weight: 400;
        color: #999999;
        line-height: 34rpx;
    }
}

.right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;

    .price {
        height: 50rpx;
        font-size: 24rpx;
        font-weight: 400;
        color: #D6270D;
        line-height: 34rpx;
    }

    .label {
        padding: 0
    }
}

// 右侧分类导航
.projectTip {
    width: 554rpx;
    height: 110rpx;
    padding: 28rpx 0 26rpx 32rpx;
    box-sizing: border-box;
    white-space: nowrap;
    position: fixed;
    z-index: 99;
    background-color: #fff;
}

.tip {
    height: 56rpx;
    border-radius: 16rpx;
    padding: 10rpx 18rpx;
    box-sizing: border-box;
    font-size: 24rpx;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    margin-right: 24rpx;
    color: #999999;
    border: 2rpx solid #E6E6E6;
    background-color: #fff;
}

.activeTip {
    background: #30CAC7;
    color: #FFFFFF;
    border: none;
}

.more {
    width: 39px;
    height: 28px;
    background: pink;
    position: absolute;
    right: 0;
    top: 28rpx;
}